<template>
    <div class="navL">
    <h4 class="tit"><img src="../../assets/offWeb/tit.png"  width="280"/></h4>
    <ul>
        <li class="curr"><a href="#"><i></i> 数据展示</a></li>
        <li><a href="#"><i></i> 银联转账</a></li>
    </ul>
    <el-button round class="dropOut">退出登录</el-button>
        </div>
</template>
<script type="text/ecmascript-6">
    export default {
        name: 'offHeader',
        components: {}, methods: {
            login() {
                this.$router.replace('/login')
            }
        },
        data() {
            return {}
        }
    }
</script>
<style lang="scss" scoped>
    * {
        padding: 0;
        margin: 0;
    }
    li{ list-style: none;}
    .navL{ position: relative; min-height: 760px; width: 300px; padding: 20px; float: left;background:rgba(32,39,54,1);
        .tit{ text-align: center;}
        ul{
            margin: 20px auto; width: 100%;
            li{
                 font-size: 14px;
                 padding: 10px 5px;
                 border-bottom: 1px solid rgba(255, 247, 240, 0.05);
                a{ color:#FFF7F0; text-decoration: none;}
                i{ background: none;  width: 5px; height: 10px; display: inline-block; margin-right: 10px;}
                a:hover{ color:#F7AE66;}
            }
            li.curr{
                i{
                    background: #F7AE66;
                }
            }
        }
        .dropOut{ position: absolute; bottom: 50px; left: 10%; width: 80%; background: none; color:#FFF7F0; border: 1px solid #FFF7F0; height: 35px; line-height: 35px; border-radius: 20px;}
        .dropOut:hover{ border: 1px solid #F7AE66;
            background: rgba(255, 247, 240, 0.1);}
    }</style>